/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
function Notificacion(oCanvas){
    this.canvas = oCanvas;

    this.mostrarNotificacion = function(areas){
        
//        for (var index in areas) {
//            this.canvas.areas[areas[index].id].postits.concat(areas[index].postits);
//            this.canvas.areas[areas[index].id].postits = $.merge(this.canvas.areas[areas[index].id].postits,areas[index].postits);
//        }

        for (var index1 in areas) { 
            $('#area-'+areas[index1].id).show('pulsate', {}, 500, callback);
            mostrarNumerosPostitsPorAutor(areas[index1].id);
        }
        //alert('animacion');
    };
}

function notificacionLogin(){
    $('#canvas').show('pulsate', {}, 500, callback);
}

function callback() {}

function mostrarNumerosPostitsPorAutor(areaId){
    var text = '';
    var numsAndColorPostit = numerosPostitsPorAutor(canvasActual.areas[areaId].postits);
    var escala = 0;
    var numPostits = numsAndColorPostit[0];
    var colorPostits = numsAndColorPostit[1];
    
    for(var idx in numPostits){
        text += '<span class="postit" style="left:'+(30*escala++)+'px; color:'+ colorPostits[idx]+'"> ' + numPostits[idx] +' </span>';
    }
     $("#area-"+ areaId).find('.numPost').html(text)
    //$("#area-"+ areaId).html(text);
}

function numerosPostitsPorAutor(postits){
    var nombreAutorActual = '';
    var autores = [];
    var coloresPorAutor = [];
    var index = -1;
    var nombre = '';
    jQuery.each(postits, function() {
        nombre = this.autor;
        index = jQuery.inArray(nombre, autores);  

        if(nombreAutorActual != nombre &&  index < 0){
            nombreAutorActual = nombre;
            coloresPorAutor.push(distribuido.encontrarColor(nombre));
            //coloresPorAutor.push('blue');
            autores.push(nombre);
        }
    });

    var numPostitByAutor = new Array();

    for(var idx in autores){
        numPostitByAutor.push(0);
    }

    jQuery.each(postits, function() {
        index = jQuery.inArray(this.autor, autores); 
        numPostitByAutor[index]++;
    });
    

    return new Array(numPostitByAutor,coloresPorAutor);

}

function pruebaNotificacion(){
    
    var not = new Notificacion(canvasActual);
    var area1 = new Area(0, 'mi area90', canvasActual.$contenedor);
    area1.postits.push(new Postit('carlos'));
    area1.postits.push(new Postit('david'));
    area1.postits.push(new Postit('josue'));
    area1.postits.push(new Postit('carlos'));
    var area2 = new Area(1, 'mi area90', canvasActual.$contenedor);
    area2.postits.push(new Postit('carlos'));
    area2.postits.push(new Postit('david'));
    area2.postits.push(new Postit('josue'));
    area2.postits.push(new Postit('carlos'));
    area2.postits.push(new Postit('josue'));
    area2.postits.push(new Postit('josue'));
    area2.postits.push(new Postit('david'));
    not.mostrarNotificacion(new Array(area1, area2));
    
}

